<template>
	<view class="">
		<!-- #ifdef H5 -->
		<view class="zdex9 pt20 pb20" :style="{ backgroundImage: 'url(' + cosImageUrl('head_bg.png',true) + ')' }">
			<view class="flex alicen pl20 h60">
				<view class="w40b flex alicen">
					<u-icon name="arrow-left" color="#070707" size="18" @click="goback()"></u-icon>
					<view class="fz24 ml20 nowrap">指点教育高考预测系统</view>
				</view>
			</view>
		</view>
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
		<u-sticky>
			<view class="zdex9 pb20" :style="{ backgroundImage: 'url(' + cosImageUrl('head_bg.png',true) + ')' }">
				<view class="">
					<view class="" :style="{'paddingTop':statusBarHeigh + 'px',}">
						<view class="flex alicen pl20" :style="{'height':menuButtonInfo.height + 'px',}">
							<view class="w40b flex alicen">
								<u-icon name="arrow-left" color="#070707" size="18" @click="goback()"></u-icon>
								<view class="fz24 ml20 nowrap">指点教育高考预测系统</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</u-sticky>
		<!-- #endif -->
		<view class="">
			<view class="pb20"></view>
			<view class="fz30 bold txtcen">专业分析</view>
			<view class="pb20"></view>
			<view class=" ml20 mr20 pt20 pb20 pl20 pr20 bgfff ius20">
				<view class="flex alicen between">
					<view class="nowrap fz28">专业名称</view>
					<view
						class="pt10 w60b mr10 bgfff flex alicen between mr10 pb10 pl20 pr20  nowrap col99 fz24  txtcen ius10 border1 boreb">
						<view class="mr10 w60b text-word-break-1">
							<input class="w100b txtleft" type="text" placeholder="请输入专业名称" v-model="province" />
						</view>
						<u-icon name="arrow-down" color="#070707" size="14"></u-icon>
					</view>
				</view>
				<view class="pb30"></view>
				<view class="pt20 pb20 ius100 colff ml20 mr20  bgff000 fz30 flexCenter" @click="analyse(province)">分析
				</view>
				<view class="pb60"></view>
				<view class="fz28 col40">功能说明</view>
				<view class="pb10"></view>
				<view class="mt10 fz24 col33">
					系统采用“智能搜索”,考生可在专业栏输入专业关键词,系统会把所有在广西涉及有该专业的院校专业组按院校代码的顺序列出,并给出院校投档概率及专业录取概率。
				</view>
			</view>

		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				province: '',
			};
		},
		methods: {
			analyse(province) {
				if (!this.province) return this.showMsg('请输入专业名称')
				this.province = ''
				this.$store.dispatch('clearState');
				this.navgateTo('/pages/analysis/analysis', {
					name: province
				})
			},
		},
	}
</script>

<style lang="scss">
	page {
		background: #ededed !important;
	}
</style>